import React, { memo } from 'react'
import './Classify.css'
import Scroll from '../../../baseUI/scroll'

const Classify=(props)=>{
    const {classifyData=[]}=props
    return (
        <Scroll
            direction='horizental'
            refresh={false}
        >
            <div className="classify">
                <div className="classify_box">
                    {
                        classifyData.map((item,index)=>{
                            return (
                                <div key={index+'classify'} className='classify_item'>
                                    <img src={item.imgUrl} alt="" />
                                    <div>{item.title}</div>
                                </div>
                                
                            )
                        })
                    }
                </div>
            </div>
        </Scroll>
    )
}

export default memo(Classify)